<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .aa{
            color: #885F40;
            padding: 0 15px;
            font-size: 14px;
        }
        .bb{
            color: #ED6D38;
            font-size: 12px;
            text-decoration: none;
        }
        .bb:hover{
            text-decoration: underline;

        }
        .wz{
            width: 290px;
            height: 210px;
            position: relative;
            margin: 0px 35px;
            line-height: 30px;
            color: #666666;
            overflow: hidden;
            padding: 20px 25px;
            line-height: 30px;
            background-color: #eeeeee;
        }
        .name{
            font-size: 18px;
            color: #000;
        }
        .zz{

            width: 290px;
            height: 500px;
            display: block;
            float: left;
            margin: 0px 35px;
        }
        .xt{
            padding: 0px 35px;
            margin-top: 80px;
        }

        /*---------------------------头部结束------------------------------------------*/

    </style>
</head>
<body>
<div id="#app">
  <!-----------------------------头部开始-------------------------------------------->
    <el-header>
        <div style="background-color: white;width: 100%;height: 80px">
    <div style="width: 1100px;height: 80px;margin:0 auto;padding-top: 23px;">

        <img style="vertical-align: middle;width: 134px;height: 34px;" src="images/redbage/logo.png">
        <el-menu style="padding: 20px">
            <el-menu-item class="aa">首页</el-menu-item>
            <el-menu-item class="aa">蛋糕</el-menu-item>
            <el-menu-item class="aa">面包</el-menu-item>
            <el-menu-item class="aa">套餐</el-menu-item>
            <el-menu-item class="aa">鲜花</el-menu-item>
            <el-menu-item class="aa">甜品下午茶</el-menu-item>
            <el-menu-item class="aa">周边</el-menu-item>
            <el-menu-item class="aa">企业专区</el-menu-item>
            <el-menu-item class="aa">品牌故事</el-menu-item>
        </el-menu>
        <img style="width: 16px; height: 20px;" src="images/redbage/location_icon.png">
        <el-button type="text" slot="append">
            <span  style="color:#ED6D38;font-size: 14px">深圳</span>
        </el-button>
        <img style="width: 9px; height: 5px;" src="images/redbage/location_after.png" style="vertical-align: middle">

        <div style="float: right">
            <img style="width: 18px;height: 20px;" src="images/redbage/personal_icon.png">
            <a class="bb" href="">[会员中心]</a>
            <a class="bb" href="">[登录]</a>
            <a class="bb" href="">[注册]</a>
            <img style="width: 20px;height: 20px;" src="images/redbage/cart_icon.png">
            <div style="width: 195px;"></div>
        </div>
    </div>
</div>
</el-header>
    <!----------------------------头部结束-------------------------------------------->
<!---------------------------------------------------固定背景图片-------------------------------------------------------------------------------------------------->
    <div style="z-index: -1;position: fixed;top: -125px ">
            <img style="width: 100%;height: 100%;" src="images/brand/int_head.jpg">
    </div>
<!---------------------------------------------------文档-------------------------------------------------------------------------------------------------->
    <div style="background-color: white;width: 1150px;position: relative;z-index: 1;top: 300px;padding: 23px 26px;margin: 0 auto">

        <div style="width: 1100px;height: 475px;border: 2px solid #885F40;padding: 20px 0px 35px 20px;line-height: 35px;font-size: 14px">
            <p style="font-size: 30px;line-height: 80px">一站式生日体验服务商</p><br>
            <p>深圳壹点壹客食品有限公司于2010年创立，专注于打造欧式蛋糕西点，目前已迅速成为南中国生日蛋糕知名品牌。壹点壹客从创立之初走到现在，
                始终坚持每一个蛋糕，为每一个客户用心定做。以“选材超优质、生产零库存、品质精工艺、
                冷链闪送达、顾客优体验”作为企业的宗旨，并在2014年成为国内首个获得“HACCP”国际食品安全认证的电商企业，让每一口蛋糕都享受国际宇航员级别的待遇。</p><br>
            <p>公司共拥有3500平米的厂区、60名资深研发团队、50余辆自有配送专车及配送团队。从产品研发、生产、销售、配送以及完善的售后服务，采用一体化经营，确保优质的产品和服务。</p><br>
            <p>2017年，壹点壹客进行品牌升级，致力于打造成为中国首家生日主题的IP蛋糕品牌，提供贴心温暖的许愿精灵生日会私享服务，唤醒人们过生日时曾经丢失的存在感、仪式感、文化感，
                构建生日文化超级IP产业链，传播生日文化、庆生文化，将欢乐、幸福、喜悦带给消费者。</p>
        </div>
    </div>
    <!------------------------------------------------------------研发团队------------------------------------------------------------>
        <div style="width: 1150px;background-color: white;position: relative;z-index: 1;top: 370px;margin: 0 auto;padding: 23px 26px;" >
            <img style="width: 1100px;height: 965px;" src="images/brand/progress.png">
            <div style="width: 1150px;height: 115px;text-align: center;font-size: 30px;line-height: 100px;font-weight:  500;"><p>壹点壹客大师研发团队</p></div>
            <div style="padding-top: 0px;"><hr></div>

            <el-main style="top: 20px;width: 1150px;height: 915px;display: block">
            <el-row >
                <el-col class="zz">
                        <img class="xt" src="images/brand/etienne.jpg">
                        <p class="wz" style="">
                            <span  class="name" >Etienne Irazoqui</span><br>
                            <span>来自法国甜品世家，和米其林大厨共事，在蓝带学院授课，为好莱坞明星制作蛋糕……</span><br>
                            <span>他的履历如此丰富，却唯独缺少“乏味”。</span>
                        </p>

                </el-col>
                <el-col class="zz" >
                        <img class="xt" src="images/brand/nicolas.jpg">
                        <p class="wz" >
                            <span class="name" >Nicolas BOTOMISY</span><br>
                            <span>15年的职业经验，现任法芙娜全球技术总监。曾在多家米其林餐厅任甜点师，曾在奢华酒店乔治五世四季酒店工作7年。</span>
                        </p>
                </el-col>
                <el-col class="zz">

                        <img class="xt" src="images/brand/tengtian.jpg">
                        <p class="wz">
                            <span class="name" style="">藤田浩司</span><br>
                            <span>来自日本坂田的世界蛋糕大师，唯一一位不是来自东京，并且为日本队赢得 WPTC 的大阪西点师，2012年世界西点锦标赛冠军获得者。</span>
                        </p>
                </el-col>
            </el-row>
            </el-main>


            <!--<div style="margin-top: 80px;width: 290px;background-color: #eeeeee;">
                <img src="images/brand/etienne.jpg">
                <div style="width: 290px;height: 210px;padding: 0px 15px;line-height: 30px;color: #666666">
                    <p style="font-size: 18px;padding: 15px 0px 0px 15px;color: #000">Etienne Irazoqui</p>
                    <p>来自法国甜品世家，和米其林大厨共事，在蓝带学院授课，为好莱坞明星制作蛋糕……</p>
                    <p>他的履历如此丰富，却唯独缺少“乏味”。</p>
                </div>
            </div>

            <div style="margin-top: 80px;width: 290px;background-color: #eeeeee;">
                <img src="images/brand/tengtian.jpg">
                <div style="width: 290px;height: 210px;padding: 0px 15px;line-height: 30px;color: #666666">
                    <p style="font-size: 18px;padding: 15px 0px 0px 15px;color: #000">藤田浩司</p>
                    <p>来自日本坂田的世界蛋糕大师，唯一一位不是来自东京，并且为日本队赢得 WPTC 的大阪西点师，2012年世界西点锦标赛冠军获得者。</p>
                </div>
            </div>

            <div style="margin-top: 80px;width: 290px;background-color: #eeeeee;">
                <img src="images/brand/nicolas.jpg">
                <div style="width: 290px;height: 210px;padding: 0px 15px;line-height: 30px;color: #666666">
                    <p style="font-size: 18px;padding: 15px 0px 0px 15px;color: #000">Nicolas BOTOMISY</p>
                    <p>15年的职业经验，现任法芙娜全球技术总监。曾在多家米其林餐厅任甜点师，曾在奢华酒店乔治五世四季酒店工作7年。</p>
                </div>
            </div>-->
            <!------------------------------------------------------------研发团队结束------------------------------------------------------------>
        </div>

    



<!-----------------------------页脚开始-------------------------------------------->
    <footer>

    </footer>

</div>
<!-----------------------------页脚结束-------------------------------------------->
</body>
<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
    let v = new vue({
        el:'#app',
        data: function (){
            return{
                arr:[{title:"蛋糕"},
                    {title:"面包"},
                    {title:"套餐"},
                    {title:"鲜花"},
                    {title:"甜品下午茶"},
                    {title:"周边"},
                    {title:"企业专区"},
                    {title:"品牌故事"}]
            }

        },
        methods:{

        }

    })
</script>
</html>